<template>
    <div class="网站信息">
        <hr>
        <table class="caption-top table" data-quarto-postprocess="true">
            <tbody>
                <tr class="odd">
                    <td colspan="2" data-quarto-table-cell-role="th"
                        style="color: purple; font-weight: bold; font-size: 14pt !important">网站信息</td>
                </tr>
                <tr class="even">
                    <td>工信部备案号</td>
                    <td><img src="https://macrohard.fun/assets/工信部.ico" class="img-fluid"> <a href="https://beian.miit.gov.cn"
                            target="_blank">苏 ICP 备 2023037770 号-1</a></td>
                </tr>
                <tr class="odd">
                    <td>公安备案号</td>
                    <td><img src="https://macrohard.fun/assets/公安.ico" class="img-fluid"> <a
                            href="https://www.beian.gov.cn/portal/registerSystemInfo?recordcode=32048202000362"
                            target="_blank">苏公网安备 32048202000362 号</a></td>
                </tr>
                <tr class="even">
                    <td>发布许可证</td>
                    <td><img src="https://macrohard.fun/assets/creative-commons-cc.svg" class="img-fluid"
                            style="height:24px!important;margin-left:3px;vertical-align:text-bottom;"> <img
                            src="https://macrohard.fun/assets/creative-commons-by.svg" class="img-fluid"
                            style="height:24px!important;margin-left:3px;vertical-align:text-bottom;"> <img
                            src="https://macrohard.fun/assets/creative-commons-nc.svg" class="img-fluid"
                            style="height:24px!important;margin-left:3px;vertical-align:text-bottom;"> <a
                            href="https://creativecommons.org/licenses/by-nc/4.0/" target="_blank"
                            rel="license noopener noreferrer" style="display:inline-block;">CC BY-NC 4.0</a></td>
                </tr>
                <tr class="odd">
                    <td>联系方式</td>
                    <td><img src="https://macrohard.fun/assets/mail.ico" class="img-fluid"> <a
                            href="mailto:admin@macrohard.fun">admin@macrohard.fun</a></td>
                </tr>
            </tbody>
        </table>
    </div>
</template>
<style>
.网站信息 {
    text-align: center;
}

.网站信息 table {
    margin: auto;
    table-layout: auto;
    text-align: center;
    width: auto;
}

.网站信息 td {
    color: green;
    text-align: center;
    font-size: 12pt !important;
}

.网站信息 a {
    color: gold;
}

.网站信息 img {
    margin-left: 0.5em;
    margin-right: 0.5em;
}
</style>
